<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<jsp:include  page="/pages/common/head.jsp"/>
<body>
	<jsp:include  page="/pages/common/nav.jsp"/>

  <!-- Works Section
  ================================================== -->
  <div id="tf-works">
      <div class="container">
          <div class="section-header">
              <h2>每天更新 <span class="highlight">100 件<strong></strong></span></h2>
              <h5><em>蘑菇街</em></h5>
              <div class="fancy"><span><img src="img/favicon.ico" alt="..."></span></div>
          </div>
		  <div>
				<input type="date" id="selectDate">   
				<div><button type="button" class="btn btn-default btn-sm" onclick="save()">确定</button></div>
		  </div>
          <div class="text-center">
              <ul class="list-inline cat ul-lineheight"> <!-- Portfolio Filter Categories -->
                  <li><a href="#" data-filter="*" class="active">All</a></li>
	              <li><a href="#" data-filter=".nvzhuang">女装</a></li>
	              <li><a href="#" data-filter=".nvxie">女鞋</a></li>
	              <li><a href="#" data-filter=".neiyi">内衣</a></li>
	              <li><a href="#" data-filter=".meizhuang">美妆</a></li>
	              <li><a href="#" data-filter=".shipin">食品</a></li>
              </ul><!-- End Portfolio Filter Categories -->
      	   </div>
      </div><!-- End Container -->

      <div class="container"> <!-- container -->
           <div id="itemsWork" class="row text-center"> <!-- Portfolio Wrapper Row -->
				  <c:forEach var="item" items="${data }" varStatus="status">
				  	<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ${item.cateEn }" style="margin-bottom:15px">
	                    <div class="box"> 
	                        <div class="img-border">
	                        	<a href="${pageContext.request.contextPath}/detail/${item.id}-${status.index}"><img src="${item.taokePicUrl }" class="img-responsive"></a>
	                        </div>
	                        <div>
	                        	<div class="cut-text" style="font-size:12px;margin-top:3px">${item.title }</div>
	                        	<div>
									<span class="pull-left"> 
									    <span style="font-size: 12px">券后</span>
										<span style="color: red">￥</span> 
										<span style="color: red; font-weight: bold">${item.finalPrice }</span>
									</span>
								</div>
								<div>
									<span class="pull-right">
		                        		<span style="font-size:10px">销量：${item.sales }</span>
		                        	</span>
								</div>
	                        </div>
	                    </div>
	                </div><!-- end Works #1 col 3 -->
				  </c:forEach>
              
          </div> <!-- End Row -->

      </div> <!-- End Container -->

  </div>
  <jsp:include  page="/pages/common/footer.jsp"/>
  <jsp:include  page="/pages/common/js.jsp"/>
</body>